<template>
  <ul>
    <li v-for="(item, index) in todos" :key="index">
       <!-- 坑：熊孩子挖到坑，父亲填坑 -->
       <!-- 子组件所需要的数据来源于父亲：但是子组件决定不了结构与外网-->
       <!--  父子组件进行对比, 得知todoItemObj为对象的key, 即: 将todoItemObj回传到父组件     -->
       <slot :todoItemObj="item"></slot>
    </li>
  </ul>
</template>

<script>
export default {
  name: 'List',
  props: {
    todos: Array
  }
}
</script>
